<template>
	<view class="ordersReimbursed">
		<uni-data-select
		  v-model="value"
		  :localdata="range"
		  @change="change"
		/>
		<up-input
			:placeholder='value===0? "请输入收款人名称" : "请输入付款人名称"'
		    border="bottom"
		/>
		<uni-data-select
		  v-model="value"
		  :localdata="range"
		  @change="change"
		/>
	</view>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const value = ref()
const range=[
		{ value: 0, text: "篮球" },
		{ value: 1, text: "足球" },
		{ value: 2, text: "游泳" },
	  ]
</script>

<style>
page {
  height: 100%;
  overflow: hidden;
  background-color: #f4f4f4;
}
.ordersReimbursed{
	border: 1rpx solid black;
	margin: 20rpx;
	background-color: #ffffff;
}
</style>
